<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>订单中心</title>
<link rel="stylesheet" href="<%=path %>/css/amazeui.min.css" />
<link rel="stylesheet" href="<%=path %>/css/wgj_style.css" />
<script type="text/javascript" src="<%=path %>/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=path %>/js/amazeui.min.js"></script>
<script>
  $(function() {
    $("#doc-my-tabs").tabs();
  })
</script>
</head>
<body>
<section id="Content">
  	<div class="am-tabs" id="doc-my-tabs">
      	<ul class="am-tabs-nav am-nav am-nav-tabs">
            <li class="am-active"><a href="javascript:;">全部订单</a></li>
            <li><a href="javascript:;">预约订单</a></li>
            <li><a href="javascript:;">已完成订单</a></li>
            <li style="border-right:0px;"><a href="javascript:;">已取消订单</a></li>
      	</ul>
      	<div class="am-tabs-bd">
            <div class="am-tab-panel am-active">
            	<c:forEach items="${hours }" var="hour">
            		<a href="<%=path%>/reserveHour/queryOneById?id=${hour.id}">
	            		<div class="orderbox">
		                    <h3>
		                    	<span>订单：${hour.reserveNo }</span>
		                    	<c:if test="${hour.reserveState==1 }">
		                    		<em class="orange">预约</em>
		                    	</c:if>
		                    	<c:if test="${hour.reserveState==0 }">
		                    		<em class="red">已取消</em>
		                    	</c:if>
		                    	<c:if test="${hour.reserveState==2 }">
		                    		<em class="green">已完成</em>
		                    	</c:if>
		                    </h3>
		                    <ul>
		                    	<li class="chexing">${hour.carType }</li>
		                    	<li class="zhandian">${hour.TerminalName }</li>
		                    	<li class="riqi">
		                    		${hour.reserveDate}
		                    	</li>
		                    </ul>
	                	</div>
                	</a>
            	</c:forEach>
            </div>
            <div class="am-tab-panel">
            	<c:forEach  items="${hours }" var="hour">
            		<c:if test="${hour.reserveState==1 }">
            			<a href="<%=path%>/reserveHour/queryOneById?id=${hour.id}">
            				<div class="orderbox">
			                    <h3><span>订单：${hour.reserveNo }</span><em class="orange">预约</em></h3>
			                    <ul>
			                    	<li class="chexing">${hour.carType }</li>
			                    	<li class="zhandian">${hour.TerminalName }</li>
			                    	<li class="riqi">${hour.reserveDate}</li>
			                    </ul>
		                	</div>
		                </a>
            		</c:if>
            	</c:forEach>
            </div>
            <div class="am-tab-panel">
            	<c:forEach  items="${hours }" var="hour">
            		<c:if test="${hour.reserveState==2 }">
            			<a href="<%=path%>/reserveHour/queryOneById?id=${hour.id}">
            				<div class="orderbox">
			                    <h3><span>订单：${hour.reserveNo }</span><em class="green">已完成</em></h3>
			                    <ul>
			                    	<li class="chexing">${hour.carType }</li>
			                    	<li class="zhandian">${hour.TerminalName }</li>
			                    	<li class="riqi">${hour.reserveDate}</li>
			                    </ul>
		                	</div>
		                </a>
            		</c:if>
            	</c:forEach>
            </div>
            <div class="am-tab-panel">
            	<c:forEach  items="${hours }" var="hour">
            		<c:if test="${hour.reserveState==0 }">
            			<a href="<%=path%>/reserveHour/queryOneById?id=${hour.id}">
            				<div class="orderbox">
			                    <h3><span>订单：${hour.reserveNo }</span><em class="red">已取消</em></h3>
			                    <ul>
			                    	<li class="chexing">${hour.carType }</li>
			                    	<li class="zhandian">${hour.TerminalName }</li>
			                    	<li class="riqi">${hour.reserveDate}</li>
			                    </ul>
		                	</div>
		                </a>
            		</c:if>
            	</c:forEach>
            </div>
      	</div>
    </div>
</section>
</body>
</html>


